<template>
  <div class="neworder">
    <div class="new-wrapper" @click="openOrder" >
            <div class="new" >
              <i >已下单</i>
            </div>
    </div>
  </div>
  
</template>

<script type="text/ecmascript-6">
  export default {
    props: {
      orderId: {
        type: Object
      }
    },
    data() {
      return {
        orderStatusName: ''
      };
    },
    methods: {
      openOrder() {
        const url = '#/order/' + this.$store.getters.orderId;
        console.log(url);
        window.location.href = url;
      }
    },
    filters: {
      time: function (value) {
        console.log(value);
        var date = new Date(value);
        return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes();
      }
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .neworder
    position: fixed
    right: 14px
    bottom: 50px
    z-index: 80
    width: 48px
    height: 48px
    .new-wrapper
          display: inline-block
          vertical-align: middle
          position: relative
          top: -10px
          margin: auto 12px
          padding: 6px
          width: 56px
          height: 56px
          right: 40px;
          bottom: 60px;
          box-sizing: border-box
          border-radius: 50%
          background: #FFD700
          .new
            width: 100%
            height: 100%
            line-height: 100%;
            border-radius: 50%
            text-align: center
            background: red
            color: #fff
            font-size: 13px
            display:flex
            align-items: center
</style>